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This post is part of a series called Creating a Web App From Scratch Using Python Flask and MySQL. 


>> Creating a Web App From Scratch Using Python Flask and MySQL: Part 2 


In this series, we'll be using Python, Flask and MySQL to create a simple web 
application from scratch. It will be a simple bucket list application where users can 
register, sign in and create their bucket list. 


This tutorial assumes that you have some basic knowledge of the python programming 


language. We'll be using Flask , a Python web application framework, to create our 
application, with mysa_ as the back end. 


If you need to brush up on your Python skills, try the Introduction to Python course, 
which gives you a solid foundation in the language for just $5. 


Introduction to Python Flask 


Flask is a Python framework for creating web applications. From the official site, 


Flask is a microframework for Python based on 
Werkzeug, Jinja 2 and good intentions. 


When we think about Python, the de facto framework that comes to our mind is the 
Django framework. But from a Python beginner's perspective, Flask is easier to get 
started with, when compared to Django. 


Setting Up Flask 


Setting up Flask is pretty simple and quick. With pip package manager, all we need to 
do is: 


1 pip install flask 


Once you're done with installing Flask, create a folder called FlaskApp . Navigate to the 
FlaskApp folder and create a file called app.py . Import the flask module and create an 


app using Flask as shown: 


1 from flask import Flask 
2 app = Flask(__name__) 


Now define the basic route / and its corresponding request handler: 


1 @app.route("/") 
2 def main(): 
3 return "Welcome!" 


Next, check if the executed file is the main program and run the app: 


1 if _name__ 


== "_ main_": 
2 app.run() 


Save the changes and execute app.py: 


1 python app.py 


Point your browser to hitp://localhost:5000/ and you should have the welcome 
message. 


Creating a Home Page 


First, when the application runs we should show a home page with the latest bucket list 
items added by users. So let's add our home page to our application folder. 


Flask looks for template files inside the templates folder. So navigate to the pythonapp 
folder and create a folder called templates . Inside templates , create a file called 


index.html . Open up index.html and add the following HTML: 


@1 = ¢1DOCTYPE htm1> 
<html lang="en"> 


<head> 
85 <title>Python Flask Bucket List App</title> 


<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet” 


<link href="http://getbootstrap.com/examples/jumbotron-narrow/jumbotron-narrow.c 


13 </head> 
<body> 


<div class="container"> 

<div class="header"> 

<nav> 
<ul class="nav nav-pills pull-right"> 
<li role="presentation" class="active"><a href="#">Home</a> 

22 </li> 
<li role="presentation"><a href="#">Sign In</a> 
24 </li> 
<li role="presentation"><a href="sShowSignUp">Sign Up</a> 
26 </li> 
27 </ul> 
</nav> 
29 <h3 class="text-muted">Python Flask App</h3> 
</div> 


<div class="jumbotron"> 
33 <hi>Bucket List App</h1> 
<p class="lead"></p> 


35 <p><a class="btn btn-lg btn-success" href="showSignUp" role="button">Sig 
36 </p> 

a7 </div> 

38 

39 


<div class="row marketing"> 
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<div class="col-1lg-6"> 


<h4>Bucket List</h4> 
<p>Donec id elit non mi porta gravida at eget metus. Maecenas faucib 


<h4>Bucket List</h4> 
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cra 


<h4>Bucket List</h4> 
<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</ 


</div> 


<div class="col-lg-6"> 


<h4>Bucket List</h4> 
<p>Donec id elit non mi porta gravida at eget metus. Maecenas faucib 


<h4>Bucket List</h4> 
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cra 


<h4>Bucket List</h4> 
<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</ 


</div> 


</div> 


<footer class="footer"> 
<p>&copy; Company 2015</p> 
</footer> 


</div> 
</body> 


</html> 


Open up app.py and import render_template , which we'll use to render the template 


files. 


1 


from flask import Flask, render_template 


Modify the main method to return the rendered template file. 


1 
2 


def main(): 


return render_template( ‘index.html’ ) 


Save the changes and restart the server. Point your browser to http://localhost:5000/ 


and you should have the below screen: 


Python Flask App Sign In 


Bucket List App 


Sign up today 


Bucket List 


Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis 
interdum. 


Bucket List 


Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis 
consectetur purus sit amet fermentum. 


Creating a Signup Page 


Step 1: Setting Up the Database 

We'll be using mysa_ as the back end. So log into MySQL from the command line, or if 
you prefer a GUI like MySQL work bench, you can use that too. First, create a 
database called BucketList . From the command line: 


1 mysql -u <username> -p 


Enter the required password and when logged in, execute the following command to 
create the database: 


1 CREATE DATABASE BucketList; 


Once the database has been created, create a table called tb1_user as shown: 


1 CREATE TABLE ~BucketList’.°tbl_user” ( 
2 “user_id= BIGINT NULL AUTO_INCREMENT, 
3 ~user_name~ VARCHAR(45) NULL, 

4 ~user_username  VARCHAR(45) NULL, 

5 ~user_password  VARCHAR(45) NULL, 

6 PRIMARY KEY (~user_id’)); 


We'll be using stored procedures for our Python application to interact with the MySQL 
database. So, once the table tb1_user has been created, create a stored procedure 


called sp_createUser to Sign up a user. 


When creating a stored procedure to create a user in the tbl1_user table, first we need 
to check if a user with the same username already exists. If it exists we need to throw an 


error to the user, otherwise we'll create the user in the user table. Here is how the 
stored procedure sp_createUser would look: 


@1 DELIMITER $$ 
@2 CREATE DEFINER= root’ @ localhost~ PROCEDURE ~sp_createUser™ ( 


@3 IN p_name VARCHAR(2@), 

04 IN p_username VARCHAR(2@), 
05 IN p_password VARCHAR(2@) 
@6—CC) 

@7 BEGIN 

08 if ( select exists (select 1 from tbl_user where user_username = p_username) ) T 
@9 

10 select ‘Username Exists !!'; 
11 

12 ELSE 

13 

14 insert into tbl_user 
15 ( 

16 user_name, 

17 user_username, 

18 user_password 

19 ) 

20 values 

21 ( 

22 p_name, 

23 p_username, 

24 p_password 

25 5 

26 

27 END IF; 

28  END$$ 


29 DELIMITER 3; 


Step 2: Create a Signup interface 


Navigate to the pythonApp/templates directory and create an HTML file called 
signup.html . Add the following HTML code to signup.html : 


Q@1 <!DOCTYPE html> 
@2 <html lang="en"> 


@3 <head> 
04 <title>Python Flask Bucket List App</title> 
65 
06 
Q7 <link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet” 
08 
9 <link href="http://getbootstrap.com/examples/jumbotron-narrow/jumbotron-narrow.c 
10 <link href="../static/signup.css" rel="stylesheet"> 
11 
12 </head> 
13 
14 <body> 
15 
16 <div class="container"> 
17 <div class="header"> 
18 <nav> 
19 <ul class="nav nav-pills pull-right"> 
20 <li role="presentation" ><a href="main">Home</a></1i> 
21 <li role="presentation"><a href="#">Sign In</a></1li> 
22 <li role="presentation" class="active"><a href="#">Sign Up</a></1li> 
23 </ul> 
24 </nav> 
25 <h3 class="text-muted">Python Flask App</h3> 
26 </div> 
27 
28 <div class="jumbotron"> 
29 <h1>Bucket List App</h1> 
30 <form class="form-signin"> 
31 <label for="inputName" class="sr-only">Name</label> 
32 <input type="name" name="inputName" id="inputName" class="form-control" plac 
33 <label for="inputEmail" class="sr-only">Email address</label> 
34 <input type="email" name="inputEmail" id="inputEmail" class="form-control" p 
35 <label for="inputPassword" class="sr-only">Password</label> 
36 <input type="password" name="inputPassword" id="inputPassword" class="form-c 
a7 
38 <button id="btnSignUp" class="btn btn-lg btn-primary btn-block" type="button 
39 </form> 
40 </div> 
41 
42 
43 
44 <footer class="footer"> 
45 <p>&copy; Company 2015</p> 
46 </footer> 
47 
48 </div> 
49 </body> 
50 </html> 
4 > 


Also add the following css as signup.css to the static folder inside pythonApp . 


Q@1 body { 


e@2 padding-top: 4@px; 

@3 padding-bottom: 4@px; 

04 (}s 

@5 

@6 ~=60 . form-signin { 

Q7 max-width: 33@px; 

08 padding: 15px; 

@9 margin: @ auto; 

10} 

11 .form-signin .form-signin-heading, 
12  .form-signin .checkbox { 

13 margin-bottom: 10px; 

14} 

15 .form-signin .checkbox { 

16 font-weight: normal; 

da Ne 

18 .form-signin .form-control { 

19 position: relative; 

20 height: auto; 

21 -webkit-box-sizing: border-box; 
22 -moz-box-sizing: border-box; 
23 box-sizing: border-box; 
24 padding: 10px; 

25 font-size: 16px; 

26} 

27. ~.form-signin .form-control:focus { 
28 z-index: 2; 

29} 

30 ~=0. form-signin input[type="email"] { 
31 margin-bottom: -1px; 

32 border-bottom-right-radius: 0; 
33 border-bottom-left-radius: Q; 

34. «+s 

35 .form-signin input[type="password"] { 
36 margin-bottom: 1px; 

37 border-top-left-radius: 0; 

38 border-top-right-radius: 0; 
39} 


In app.py add another method called showSignup to render the signup page once a 


request comes to /showSignup : 


1 @app.route('/showSignUp' ) 
2 def showSignUp(): 
3 return render_template(‘'signup.html1' ) 


Save the changes and restart the server. Click on the Sign Up button on the home 
page and you should have the signup page as shown: 


Python Flask App a 


Bucket List App 


Name 


Email address 


Password 


© Company 2015 


Step 3: Implement a Signup method 

Next, we need a server-side method for the UI to interact with the MySQL database. So 
navigate to PythonApp and open app.py . Create a new method called signup and also 
add a route /signup . Here is how it looks: 


1 @app.route('/signUp' ) 
2 def signUp(): 
3 # create user code will be here !! 


We'll be using jQuery AJAX to post our signup data to the signup method, so we'll 
specify the method in the route definition. 


1 @app.route('/signUp',methods=[ 'POST' ]) 
2 def signUp(): 
3 # create user code will be here !! 


In order to read the posted values we need to import request from Flask. 


1 from flask import Flask, render_template, request 


Using request we can read the posted values as shown below: 


@app.route('/signUp' ,methods=[ 'POST']) 
def signUp(): 


_name = request.form[ 'inputName’ ] 
_email = request.form[ 'inputEmail’ ] 


al 

2 

3 

4 # read the posted values from the UI 

5 

6 

7 _password = request.form[ 'inputPassword' ] 


Once the values are read, we'll simply check if they are valid and for the time being let's 
just return a simple message: 


Q@1 @app.route('/signUp',methods=['POST' ]) 
@2 def signUp(): 


63 

04 # read the posted values from the UI 

@5 _name = request.form[ 'inputName’ ] 

06 _email = request.form[ 'inputEmail’ ] 

Q7 _password = request.form[ 'inputPassword' ] 

08 

9 # validate the received values 

10 if _name and _email and _password: 

11 return json.dumps({'html':'<span>All fields good !!</span>'}) 
12 else: 

13 return json.dumps({'html':'<span>Enter the required fields</span>'}) 


Also import json from Flask, since we are using it in the above code to return json 
data. 


1 from flask import Flask, render_template, json, request 


Step 4: Create a Signup request 

We'll be using jQuery AJAX to send the signup request to the Python method. 
Download and place jquery inside PythonApp/static/js and add a link to it from the 
signup page. Once jQuery has been included, we'll add a jQuery post request when 
the user clicks the sign Up button. 


So, let's attach the signup button click event as shown: 


ae $(function() { 


i $('#btnSignUp').click(function() { 


04 $.ajax({ 


e5 url: '/signUp', 

06 data: $('form').serialize(), 
07 type: 'POST', 

08 success: function(response) { 
@9 console. log(response) ; 
10 hs 

11 error: function(error) { 

12 console. log(error) ; 

13 } 

14 hs 

15 ia 

16 ¥)5 


Save all the changes and restart the server. From the Sign Up page, fill in the details 
and click Sign Up. Check the browser console and you should have the below 
message: 


1 = {"html": "<span>All fields good !!</span>"} 


Step 5: Call the MySQL Stored Procedure 
Once we have the name, email address and password , we Can simply call the MySQL 


stored procedure to create the new user. 


To connect with MySQL, we'll be using Flask-MySQL, which is a Flask extension. In 
order to get started with Flask-mysa_ , install it using pip package manager: 


1 pip install flask-mysql 


Import MySQL inside app.py : 


1 from flask.ext.mysql import MySQL 


Earlier we defined our app as shown: 


1 app = Flask(__name _) 


Along with that include the following MySQL configurations: 


mysql = MySQL() 


# MySQL configurations 
app.config[ 'MYSQL_DATABASE_USER'] = ‘jay' 
app.config[ 'MYSQL_DATABASE PASSWORD'] = ‘jay' 


6 app.config[ 'MYSQL_DATABASE DB'] = ‘BucketList' 
7 app.config[ 'MYSQL_DATABASE_HOST'] = ‘localhost’ 
8  mysql.init_app(app) 


First, let's create the MySQL connection: 


1 conn = mysql.connect() 


Once the connection is created, we'll require a cursor to query our stored procedure. 


So, uSINg conn Connection, create a cursor. 


1 cursor = conn.cursor() 


Before calling the create user stored procedure, let's make our password salted using a 
helper provided by Werkzeug. Import the module into app. py : 


1 from werkzeug import generate_password_hash, check_password_hash 


Use the salting module to create the hashed password. 


1 _hashed_password = generate_password_hash(_password) 


Now, let's call the procedure sp_createUser : 


1 cursor.callproc('sp_createUser',(_name, email, hashed_password) ) 


If the procedure is executed successfully, then we'll commit the changes and return the 
success message. 


data = cursor.fetchall() 


if len(data) is @: 

conn. commit() 

return json.dumps({'message':'User created successfully !'}) 
else: 

return json.dumps({'error':str(data[@])}) 


NOU BWN EP 


Save the changes and restart the server. Go to the signup page and enter the name , 
email address and password and click the Sign Up button. On successful user creation, 


you'll be able to see a message in your browser console. 


1 {"message": "User created successfully !"} 


Advertisement 


Wrapping It Up 


In this tutorial, we saw how to get started with creating a web application using Python 
Flask , MySQL and the Flask-mysgL extension. We created and designed the database 
tables and stored procedure, and implemented the signup functionality. In the next 
tutorial, we'll take this series to the next level by implementing sign-in functionality and 
some other features. 


Source code from this tutorial is available on GitHub. 


Do let us know your thoughts in the comments below! 


Learn Python 


Learn Python with our complete python tutorial guide, whether you're just getting 
started or you're a seasoned coder looking to learn new skills. 
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@ Recommend 28 B Share Sort by Best ~ 


Oo Join the discussion... 
ea, 


LOG IN WITH OR SIGN UP WITH Disqus (?) 


Name 


e Gasper Slapnicar ° 2 years ago 
Hey @Ja 
am, °Y @2y 


Thanks for tutorial. 


| was wondering...how would i do a redirect after the register? 
Lets say i would like to redirect the user to the "login.htm|" 
template. How would i proceed? 


Thanks. 
29 ~ ~ © Reply « Share >» 


Gene Ricky Shaw ° 3 years ago 

There is a minor mistake in the instructions. Twice it mentions to 
go to the "PythonApp" directory, but the first part of the 
instructions tells you to create "FlaskApp". Plus, it never tells you 
to create a static directory in FlaskApp, but | got that by reading 
the code. Minor point, though. So far, great lesson. 


Also, you should include instructions on how to add a link for 


jquery. 
20 ~  yv « Reply + Share > 


© Rob > Gene Ricky Shaw ° 2 years ago 

@®. Ok, I've finally figured this out and it was painful. So there 
are two lines that need adding to the "signup.html" file that 
is created in step 2, open it and after the three "link" 
tagged lines (on my editor the last link | am referring to is 
line 9) add the following lines: 


<script src="../static/js/jquery-3.1.0.min.js"></script> 
<script src="../static/js/signUp.js"></script> 


This is basically just pointing the signup page at the place 
where you are directed to download jquery. | happened to 
download the latest one at the time of writing which 
appears to be version 3.1.0 though when this was written 
they were using version 1.11.2 so just make sure this file 
path is consistent to what you downloaded. 


then to view if all this is working, | added an extra line (line 
3) in the signUp.js file that you create in step 4, This line is 
just a message to say it's working, first 4 lines of that file 
now look like this: 


$(function() { 
$('#btnSignUp’).click(function() { 
console.log("This is working so far"); 


$.ajax({ ... 


Then finally, go to the webpage click on the big sign up 
button, fill in some details and click "Sign up", nothing will 
happen, just so you know. Right click on the page 
somewhere and choose "Inspect Element" which should 
pop up a box along the bottom of the screen, choose the 
console, then on my browser Firefox, a few more options 
come up, click on "Logging" this is where you will see the 
fruits of your work. | hope that has been helpful to 


anAmaAnnan an itiussan Avintinn ma niitol 


SUITIGUNE dad Il Wdd UNIVINIY HIG MULS! 


Nearly forgot, you need to restart the app.py that is in the 
Flaskapp folder, that needs to be running, but if you got 
this far you probably figured that out, just stop the app and 
restart it worked for me. 

8 A  v « Reply « Share > 


‘s) Tariq ® Rob ° a year ago 
@™ A very helpful comment, thank you! 
24 ~  ~v « Reply + Share» 


O As As & Rob « a month ago 


@®._ thanks for this | have amended with all the items 
with your advice but | am still getting an error. 


File "app.py", line 25 


return json.dumps({‘html':'Enter the required fields’) 


A 


SyntaxError: invalid syntax 


if anyone can help that would be great! :) 
1“  » «© Reply « Share > 


& Christian & Rob ° 2 years ago 
©. Thanks! | was stuck at this. 
1“ vy © Reply « Share » 


o Jeyhun E. Mikayil > Rob ° 5 months ago 


@®™. Enable debug mode with ‘app.run(debug=True)’, 
and dont worry about restarting. The app will restart 
itself after saving edited code each time. 

“A  ~» « Reply + Share» 


© muhammad syafiq > Rob ° 2 years ago 


@™®. can u show the step 4 process step by step? i not 
understand 
“A ~~» « Reply « Share» 


e jogile ® Rob ° 2 years ago 
@®. Thanks so much! 
“A ~~“ « Reply « Share» 


O Biranchi Narayan Nayak « 8 months ago 


Excellent tutorial on Python Flask. 
iti, ‘i 
6“  » « Reply « Share > 


a, Sanu Vichwakarma e 2 vaare ann 


WYTIU WIOEEVWCHINCHE EEGs Vv yvaio ayy 

hi guys | m getting an errow during compilation of app.py file 
whats happening there and | also installed everything. So Plz help 
me for connecting to my sql .. 


Traceback (most recent call last): 
File "C:\Python27\flask\app.py", line 2, in <module> 
from flask.ext.mysq! import MySQL 


File "C:\Python27\lib\site-packages\flask\exthook.py", line 87, in 
load_module 


raise ImportError('No module named %s' % fullname) 


ImportError: No module named flask.ext.mysq] 
3“  _v « Reply « Share» 


C) Rob & Sonu Vishwakarma ° 2 years ago 

@®._ It looks like there is an issue with installing flask. On my 
Linux box here, it is successfully installed for Python2, and 
if | try to run the app that way, it will run, however won't 
connect to mysql. | am assuming there is a way to have it 
install correctly, as it seems that this is written in Python3 
for which flask is not installed on my box properly. 


The tutorial is quite nice, however there are a number of 
omissions, which kind of prevents this being a beginner 
guide. | suspect this is excellent for a seasoned python 
programmer who knows the nuances of the language. 
4“ y «© Reply « Share» 


© Pavan & Sonu Vishwakarma ° 2 years ago 
@®. try using © pip install flask-mysqldb ~ 
and then use the import statement : 
* from flask_mysqldb import MySQL ° 
3 “4  ~ « Reply « Share > 


© Sree Sudha Anumolu 4 Sonu Vishwakarma ° 2 years ago 


@®._ use this ""from flaskext.mysql import MySQL"". this worked 
for me 
2“  » « Reply « Share > 


© Jeyhun E. Mikayil ® Sonu Vishwakarma * 5 months ago 


@®. use from flaskext.mysql import MySQL. Don't put a dot 
between flask and ext. It will work 
1“  ~ « Reply « Share» 


© Miguel Alejandro & Sonu Vishwakarma ° a year ago 
@™®™. Hello the asnwer is in https://flask-mysql.readthe... 


happened to me the same, saludos!! 
1“  ~ © Reply « Share» 


© Bhavika Sonu Vishwakarma ° 2 years ago 


@@._ It's actually flaskext.mysql -> remove the . after flask 
1A  ~ « Reply « Share» 


© David Okwii  Bhavika ° 2 years ago 
®:&._ Still won't work 
1A  ~v « Reply - Share> 


QO Suraj Kesharwani + David Okwii 

= ° 2 years ago 
install flask_mysql as you had install flask it 
will work fine then 
1“ vy © Reply « Share» 


) Sree Sudha Anumolu & Suraj Kesharwani 
° 2 years ago 


even i got the same error........ all these didn't 
work, any other suggestions ? 
1“  ~» © Reply « Share > 


Mujeeb Ahmed Farees °« 14 days ago 
Updated CSS links for index.html 


<link rel="stylesheet" 
href="https://stackpath.bootstrapcdndotcom/bootstrap/4.1.1/css/bo 
integrity="sha384- 
WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/IRN3ewGhXQFZC% 
crossorigin="anonymous"> 


<link 
href="https://getbootstrapdotcom/docs/3.3/examples/jumbotron- 
narrow/jumbotron-narrow.css" rel="stylesheet"> 

1“  -y «© Reply « Share > 


Thanh Danh Le « 22 days ago 

i created the database(table, stored procedure) using Mysql 
Workbench but i don't know how to connect it. Please help me! 
1“  ~ © Reply « Share» 


Aleks Danger ¢ a month ago 

Hey guys, trying to work through this tutorial but every time | 
connect to localhost:5000 it shows me all the HTML rather than 
the rendered template... any advice? 

1“  » © Reply « Share > 


Antonio Tena Ibarra * a month ago 


Hey, thanks for the tutorial, | followed you step by step but my 


application does not look like yours, the main css for the 
index.html is missing, can you share it? 
1“  » © Reply « Share > 


© Jack Oval & Antonio Tena Ibarra * a month ago 

«@™._ Has the same question. Turns out best to follow the 
Bootstrap blog as they update the links regularly 
http://blog.getbootstrap.com/ 
You can find the latest css links there. 
1“  ~» © Reply « Share > 


© Benjamin Taub 4 Jack Oval * a month ago 


@®™ Here is the bootstrap code that works for me (as of 
May 2018) 


<link href="https://stackpath.bootstrap..." 
rel="stylesheet"> 

<link href="https://getbootstrap.com/do..." 
rel="stylesheet"> 

1A  ~v « Reply « Share» 


tanveer hora * 2 months ago 

edits/corrections: 

1. You need to create a "static" folder for hosting the css and js 
files like below: 

<link href="../static/css/signup.css" rel="stylesheet"> 

<script type="text/javascript" src="../static/js/jQuery.js"></script> 
2. from flaskext.mysql import MySQL 

3. from werkzeug.security import generate_password_hash, 
check_password_hash 

1“ vy © Reply « Share » 


© Jack Oval & tanveer hora * a month ago 

@™®. any idea where the css files can be found? looks like the 
links in the original tutorial are broken? 
1“  » © Reply « Share > 


Amal Jose & Jack Oval » a month ago 
@®. Hello Jack, 


use this css line instead 

<link rel="stylesheet" 
href="https://maxcdn.bootstrapcdn..." 
integrity="sha384- 
Gn5384xqQ1aoWXA+058RXPxPg6fy4IWVTNhOE2€ 
crossorigin="anonymous"> 

<script src="https://maxcdn.bootstrapcdn..." 
integrity="sha384- 
JZR6Spejh4U02d8jOt6vLEHfe/JQGIRRSQQxSfFW 


crossorigin="anonymous”"></Script> 
1“  » © Reply « Share > 


Junho Yeo « 3 months ago 

Thanks for this cool tutorial! | was looking about a fast web- 
development framework to develop web-apps, and then | noticed 
Flask. It was really cool and was able to develop fast since it was 
Python. | used Flask-SqlAlchemy because this seemed more 
easier, but I'll try to use Flask-MySQL sometime :) Thanks again. 
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Sanchit Gupta ° 3 months ago 

when i m clicking on signup button its not storing the value in the 
database and even not throwing the error. 
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Raju Kumar « 4 months ago 

It's a really nice tutorial. | only have doubt from this 
"cursor.callproc('sp_createUser', 

(_name,_ email, hashed_password))" line of code. What is 
sp_createUser? | need help on this. 
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Shahin « 5 months ago 


Why you used stored procedure to create a user? May we will 
store data without stored procedure? 
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Colin Walsh ° 2 years ago 


| keep getting this error in the console??? But | get a successful 
POST 


{"error": "(1406, \"Data too long for column 'user_password' at row 
1\")"} 
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C) Angello Maggio 4 Colin Walsh « 2 years ago 
@@™®. same here 
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© Petr Sindelai & Angello Maggio * 2 years ago 

© That's because of this row in stored procedure 
"p_password VARCHAR(20)". Hashed pass will 
have almost everytime more then 20 chars. But set 
it max to 45 because you have in actual database 
this "user_password’ VARCHAR(45)". If you need 
more chars then that, you should change it in both 
stored procedure and database. 


ld ee ae 0 ed es ee ee eae Fl ee 


Unange It Via UI MYySQ! aQmMinistatvion ike 
phpmyadmin or use sql. 


P.S. Printing the hashed pass to console will help 
when debugging. 
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Pal Teleki & Colin Walsh ° 7 months ago 


That's because the hashing algorithm produces 256 bytes 
- you need to change your field length in your SQL script. 
Yet AGAIN, another waste of time for this so-called 
"tutorial". The halfwit who put this up on the web should be 
aware of these issues and have included them in the main 
body of his post! 
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e Jason Gramse ° 3 years ago 
Where does the code in step 4 go? 
<n. —_ 


1A 
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Jay Jason Gramse ° 3 years ago 


In the sign up page .. 
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@ Suraj Kesharwani > Jay ° 2 years ago 

@@_._| still doesn't get neither the output nor where it is 
returning to. 
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michaela = michella > Jay ° 3 years ago 

@™. Step 4 is unclear. Are we embedding the jquery? Or 
putting it in script tags? Thank you so much! 
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Jay  michaela = michella ° 3 years ago 

@™®. The source code is available at the end of 
the tutorial. 
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